<template>
	<view class="content" style="padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);height: 0;">
		<view style="background-color: white;overflow-y: auto;flex: 1;">
			<Home v-if="index==0" />
			<Order v-else-if="index==1" />
			<Shop v-else-if="index==3" />
			<Mine v-else-if="index==4" />
		</view>
	</view>
</template>

<script>
	import Home from "../home/home.vue"
	import Order from "../order/order.vue"
	import Shop from "../shop/shop.vue"
	import Mine from "../mine/mine.vue"
	export default {
		components: {
			Home,
			Order,
			Shop,
			Mine
		},
		data() {
			return {
				index: 0,
			}
		},

		mounted() {},
		methods: {

		},
		onShow() {
			uni.hideTabBar({
				animation: false
			})
		},
	}
</script>

<style>

</style>